.mjGenerateSetting {
  width: 100%;
  height: 100%;

  :global {
    .setting_box {
      width: 100%;
      height: auto;
      margin-bottom: 20px;
      color: var(--g-theme-color);
      .title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      .content {
        display: flex;
        justify-content: space-between;
        .size_setting-item {
          text-align: center;
          cursor: pointer;
          border: 2px solid transparent;
          img {
            width: 25px;
          }
          padding: 3px;
          box-sizing: border-box;
        }
        .selected_size_setting-item {
          border: 2px solid var(--g-theme-mj-btn);
        }
      }
    }
    .setting_box-img {
      width: 100%;
      height: auto;
      color: var(--g-theme-color);
      .title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      .content {
        display: flex;
        justify-content: space-between;
        .settingBox-item {
          width: 50%;
          margin: 5px;
          padding: 5px;
          box-sizing: border-box;
          border: 2px solid transparent;
          cursor: pointer;
          .settingBox_item-shwoBox {
            width: 100%;
            position: relative;
            .modelImg {
              width: 100%;
              display: block;
            }
            .modelTitle {
              font-size: 20px;
              font-weight: bold;
              position: absolute;
              bottom: 0px;
              left: 10px;
              color: #fff;
            }
          }
          .settingBox_item-info {
            font-size: 12px;
          }
        }
        .selectedModel {
          border: 2px solid var(--g-theme-mj-btn);
        }
      }
    }
  }
}
